Tree View
Type
widget
Summary
A widget to display array data in a tree view
Description
A widget to display array data in a tree view
Associated Syntax
Property
| Name | Summary | Syntax |
|---|---|---|
| foldedIconName | A predefined SVG icon to use for folded array elements. | set the foldedIconName of <widget> to <pIconName> get the foldedIconName of <widget> |
| charsToTrimFromKey | The number of leading characters to trim from the key for display. | get the charsToTrimFromKey of <widget> set the charsToTrimFromKey of <widget> to <pChars> |
| rowHeight | The height of the tree view rows. | get the rowHeight of <widget> set the rowHeight of <widget> to <height> |
| pathDelimiter | Manipulates the separator between the elements of the array viewer | get the pathDelimiter of <widget> set the pathDelimiter of <widget> to <pType> |
| sortOrder | Manipulates the order in which elements of the tree view are displayed, with respect to the current sortType. | get the sortOrder of <widget> set the sortOrder of <widget> to <pOrder> |
| hilitedElement | Select the row corresponding to pPath | get the hilitedElement of <widget> set the hilitedElement of <widget> to <pPath> |
| showValues | Whether the values are displayed or not | get the showValues of <widget> set the showValues of <widget> to {true|false} |
| hiliteNewElement | Automatically select new elements when created interactively. | get the hiliteNewElement of <widget> set the hiliteNewElement of <widget> to {true|false} |
| indentSize | The size of the indent for array sub-elements | set the indentSize of <widget> to <pSize> get the indentSize of <widget> |
| showIndentLines | Whether to show lines indicating elements at the same indent | set the showIndentLines of <widget> to { true | false } get the showIndentLines of <widget> |
| unfoldedIconName | A predefined SVG icon to use for unfolded array elements. | set the unfoldedIconName of <widget> to <pIconName> get the unfoldedIconName of <widget> |
| expandableRowTextColor | The text color used for rows that have expandable arrays | get the expandableRowTextColor of <widget> set the expandableRowTextColor of <widget> to <pColor> |
| iconHeight | Custom icon height for the widget | get the iconHeight of <widget> set the iconHeight of <widget> to <pIconHeight> |
| alternateRowBackgrounds | Whether the alternate rows of the widget have different backgrounds or not. | get the alternateRowBackgrounds of <widget> set the alternateRowBackgrounds of <widget> to {true|false} |
| sortType | Manipulates the type of ordering in which elements of the tree view are displayed. | get the sortType of <widget> set the sortType of <widget> to <pType> |
| showBorder | Whether the widget has a border or not. | get the showBorder of <widget> set the showBorder of <widget> to {true|false} |
| readOnly | Whether the options to modify elements of the underlying array are present or not. | get the readOnly of <widget> set the readOnly of <widget> to {true|false} |
| hilitedElementIsFolded | Determine if the selected element is folded | get the hilitedElementIsFolded of <widget> set the hilitedElementIsFolded of <widget> to {true|false} |
| itemPadding | The size of the padding for tree view elements | set the itemPadding of <widget> to <pPadding> get the itemPadding of <widget> |
| showHover | Whether the widget has a hover row displayed or not. | get the showHover of <widget> set the showHover of <widget> to {true|false} |
| unfoldedIconPath | SVG path data to use for unfolded array elements. | set the unfoldedIconPath of <widget> to <pSVGPath> get the unfoldedIconPath of <widget> |
| autoFoldStateReset | Automatically reset fold state when array data is set. | get the autoFoldStateReset of <widget> set the autoFoldStateReset of <widget> to {true|false} |
| expandableRowTextFont | The text font used in expandable rows only | get the expandableRowTextFont of <widget> set the expandableRowTextFont of <widget> to <pFont> |
| scroll | Vertical scroll position of the widget | get the vScroll of <widget> get the scroll of <widget> set the scroll of <widget> to <pScroll> |
| expandableRowTextSize | The text size used in expandable rows only | get the expandableRowTextSize of <widget> set the expandableRowTextSize of <widget> to <pSize> |
| formattedHeight | Height of the data displayed by the widget | get the formattedHeight of <widget> |
| indentLinesColor | The color of the indent lines in the tree widget | set the indentLinesColor of <widget> to <pColor> get the indentLinesColor of <widget> |
| textHeight | Custom text height for the widget | get the textHeight of <widget> set the textHeight of <widget> to <pTextHeight> |
| arrayStyle | Whether the tree view should display its contents in array style or as a standard tree view. | get the arrayStyle of <widget> set the arrayStyle of <widget> to {true|false} |
| scrollHilitedElementIntoView | Automatically scroll selected row into view. | get the scrollHilitedElementIntoView of <widget> set the scrollHilitedElementIntoView of <widget> to {true|false} |
| hilitedIconColor | The color of the fold/unfold icons when the row is selected | set the hilitedIconColor of <widget> to <pColor> get the hilitedIconColor of <widget> |
| showSeparator | Whether the separator bar between keys and values is showing or not | get the showSeparator of <widget> set the showSeparator of <widget> to {true|false} |
| hilitedTextColor | The color of the text when the row is selected | set the hilitedTextColor of widget to <pColor> get the hilitedTextColor of <widget> |
| hilitedElementFoldState | Get/set the fold state of the selected element | get the hilitedElementFoldState of <widget> set the hilitedElementFoldState of <widget> to <pFoldState> |
| vScrollbar | Controls the visibility of the browser's vertical scrollbar. | set the vScrollbar of <widget> to <pEnabled> get the vScrollbar of <widget> |
| arrayData | The array being displayed by the widget | get the arrayData of <widget> set the arrayData of <widget> to <pArray> |
| foldState | The fold state of the array being displayed by the widget | get the foldState of <widget> set the foldState of <widget> to <pFoldState> |
| separatorRatio | Manipulates the size of the arrayData view columns. | get the separatorRatio of <widget> set the separatorRatio of <widget> to {true|false} |
| iconColor | The color of the fold/unfold icons | set the iconColor of <widget> to <pColor> get the iconColor of <widget> |
| foldedIconPath | SVG path data to use for folded array elements. | set the foldedIconPath of <widget> to <pSVGPath> get the foldedIconPath of <widget> |
Message
| Name | Summary | Syntax |
|---|---|---|
| hiliteChanged | Sent when an element is hilited | hiliteChanged |
| dataChanged | Sent when the arrayData of the widget changes | dataChanged |
| actionInspect | Sent when an the inspect icon is clicked in read only mode | actionInspect <pPath> |
| actionDoubleClick | Sent when a leaf node of the tree view is double-clicked. | actionDoubleClick <pPath> |
| formattedHeightChanged | Sent when the formatted height of the displayed data changes. | formattedHeightChanged |